// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;


@import "common/index.scss";



@include bem_b(tabs) {
		@include bem_e(wrapper) {
			@include flex;
			align-items: center;
			&__scroll-view-wrapper {
				flex: 1;
				/* #ifndef APP-NVUE */
				overflow: auto hidden;
				/* #endif */
			}
	
			&__scroll-view {
				@include flex;
				flex: 1;
			}
	
			&__nav {
				@include flex;
				position: relative;
	
				&__item {
					padding: 0 11px;
					@include flex;
					align-items: center;
					justify-content: center;
	
					@include when(disabled){
						/* #ifndef APP-NVUE */
						cursor: not-allowed;
						/* #endif */
					}
	
					&__text {
						@include VueAndNvueStyleAttr("font-size","tabs", "font-size");
						@include VueAndNvueStyleAttr("color","text-color", "regular");
						@include when(disabled){
							@include VueAndNvueStyleAttr("color","text-color", "disabled") 
						}
					}
				}
	
				&__line {
					position: absolute;
					bottom: 2px;
					transition-property: transform;
					transition-duration: 300ms;
				}
			}
		}
	
}
